<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>后台首页</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/bootstrap-datetimepicker.css" />
		<link rel="stylesheet" href="css/jquery-ui.min.css" />
		<link rel="stylesheet" href="css/blog.css" />
		<link rel="stylesheet" href="css/menu.css" />
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/jq-extends.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.zh-CN.js"></script>
		<script type="text/javascript" src="js/jquery-ui.min.js"></script>
		<script type="text/javascript" src="js/menu.js"></script>
		<script type="text/javascript" src="js/nojs.js"></script>
	</head>

	<body>

		<div class="container">
			<div class="row clearfix">
				<div class="col-md-12 col-lg-12 column">
					<div class="navbar-header  pull-left">
						<h3>
							冬哥的博客 <small>by vic</small>
						</h3>
					</div>
					<div class="navbar-header pull-right">
						<ul class="nav navbar-nav navbar-right">
							<li>
								<a rel="nofollow" href="#"><i class="glyphicon glyphicon-bell"></i>通知</a>
							</li>
							<li>
								<a rel="nofollow" href="#"><i class="glyphicon glyphicon-bullhorn"></i>公告</a>
							</li>
							<li class="dropdown">
								<a rel="nofollow" href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="glyphicon glyphicon-user"></i> <i>admin</i>,你好<strong class="caret"></strong></a>
								<ul class="dropdown-menu">
									<li>
										<a rel="nofollow" href="#"><i class="glyphicon glyphicon-cog"></i> 设置</a>
									</li>
									<li>
										<a rel="nofollow" href="#"><i class="glyphicon glyphicon-certificate"></i> 修改密码</a>
									</li>
									<li>
										<a rel="nofollow" href="#"><i class="glyphicon glyphicon-off"></i> 退出</a>
									</li>
								</ul>
						</ul>
					</div>
					<!--<form class="navbar-form navbar-left" role="search">
						<div class="form-group">
							<input class="form-control" type="text" />
						</div> <button type="submit" class="btn btn-default">搜索</button>
					</form>-->

				</div>

			</div>
			<hr class="hr" />
			<div class="row clearfix">
				<!--左侧菜单-->
				<div class="col-sm-2 col-md-2 col-lg-2 column">
					<div class="menu_div">
						<h4>系统菜单</h4>
						<ul class="left_menu nav nav-stacked ">
							<li>
								<a>系统模块</a>
								<ul class="itme">
									<li>
										<a>11122222222</a>
									</li>
									<li>
										<a>222</a>
									</li>
									<li class="active">
										<a>333</a>
									</li>
								</ul>
							</li>

							<li>
								<a>测试 哈哈</a>
								<ul class="itme">
									<li>
										<a>444</a>
									</li>
									<li>
										<a>555</a>
									</li>
									<li>
										<a>666</a>
									</li>
								</ul>
							</li>

							<li>
								<a>java</a>
								<ul class="itme">
									<li>
										<a>444</a>
									</li>
									<li>
										<a>555</a>
									</li>
									<li>
										<a>666</a>
									</li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
				<div class="col-sm-10 col-md-10 col-lg-10 column">
					<!---->
					<form class="form-inline" role="form">
						<div class="form-group">
							<label class="sr-only" for="exampleInputEmail2">Email address</label>
							<input type="email" class="form-control" id="exampleInputEmail2" placeholder="Enter email">
						</div>
						<div class="form-group">
							<div class="input-group">
								<div class="input-group-addon">@</div>
								<input class="form-control" type="email" placeholder="Enter email">
							</div>
						</div>
						<div class="form-group">
							<label class="sr-only" for="exampleInputPassword2">Password</label>
							<input type="password" class="form-control" id="exampleInputPassword2" placeholder="Password">
						</div>
						<div class="checkbox">
						</div>
						<button type="submit" class="btn btn-default">查询</button>
						<button type="submit" class="btn btn-default">重置</button>
					</form>
					<hr />
					
					<div class="alert alert-success alert-dismissable">
						 <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
						<strong>警告！</strong> 操作后的提示内容
					</div>
					
					<table class="table table-bordered">
						<thead>
							<tr>
								<th>
									编号
								</th>
								<th>
									产品
								</th>
								<th>
									上线时间
								</th>
								<th>
									状态
								</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>
									1
								</td>
								<td>
									TB - Monthly
								</td>
								<td>
									01/04/2012
								</td>
								<td>
									Default
								</td>
							</tr>
							<tr class="active">
								<td>
									1
								</td>
								<td>
									TB - Monthly
								</td>
								<td>
									01/04/2012
								</td>
								<td>
									Approved
								</td>
							</tr>
							<tr class="success">
								<td>
									2
								</td>
								<td>
									TB - Monthly
								</td>
								<td>
									02/04/2012
								</td>
								<td>
									Declined
								</td>
							</tr>
							<tr class="warning">
								<td>
									3
								</td>
								<td>
									TB - Monthly
								</td>
								<td>
									03/04/2012
								</td>
								<td>
									Pending
								</td>
							</tr>
							<tr class="danger">
								<td>
									4
								</td>
								<td>
									TB - Monthly
								</td>
								<td>
									04/04/2012
								</td>
								<td>
									Call in to confirm
								</td>
							</tr>
							<tr>
								<td>
									1
								</td>
								<td>
									TB - Monthly
								</td>
								<td>
									01/04/2012
								</td>
								<td>
									Default
								</td>
							</tr>
							<tr class="active">
								<td>
									1
								</td>
								<td>
									TB - Monthly
								</td>
								<td>
									01/04/2012
								</td>
								<td>
									Approved
								</td>
							</tr>
							<tr class="success">
								<td>
									2
								</td>
								<td>
									TB - Monthly
								</td>
								<td>
									02/04/2012
								</td>
								<td>
									Declined
								</td>
							</tr>
							<tr class="warning">
								<td>
									3
								</td>
								<td>
									TB - Monthly
								</td>
								<td>
									03/04/2012
								</td>
								<td>
									Pending
								</td>
							</tr>
							<tr class="danger">
								<td>
									4
								</td>
								<td>
									TB - Monthly
								</td>
								<td>
									04/04/2012
								</td>
								<td>
									Call in to confirm
								</td>
							</tr>
							<tr>
								<td>
									1
								</td>
								<td>
									TB - Monthly
								</td>
								<td>
									01/04/2012
								</td>
								<td>
									Default
								</td>
							</tr>
							<tr class="active">
								<td>
									1
								</td>
								<td>
									TB - Monthly
								</td>
								<td>
									01/04/2012
								</td>
								<td>
									Approved
								</td>
							</tr>
							<tr class="success">
								<td>
									2
								</td>
								<td>
									TB - Monthly
								</td>
								<td>
									02/04/2012
								</td>
								<td>
									Declined
								</td>
							</tr>
						</tbody>
					</table>

					<ul class="pagination pagination-sm pager-list">
						<li>
							<a rel="nofollow" href="#">首页</a>
						</li>
						<li>
							<a rel="nofollow" href="#">上一页</a>
						</li>
						<li>
							<a rel="nofollow" href="#">1</a>
						</li>
						<li>
							<a rel="nofollow" href="#">2</a>
						</li>
						<li>
							<a rel="nofollow" href="#">3</a>
						</li>
						<li>
							<a rel="nofollow" href="#">4</a>
						</li>
						<li>
							<a rel="nofollow" href="#">5</a>
						</li>
						<li>
							<a rel="nofollow" href="#">下一页</a>
						</li>
						<li>
							<a rel="nofollow" href="#">末页</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</body>

</html>